<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>导航</title>
<link rel="stylesheet" type="text/css" th:href="@{/css/normalize.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/css/default.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/css/styles.css}">
</head>
<body>
 <header>
    <h1><img width="50px" height="50px" align="middle"  th:src="@{/images/logo.png}">Yin-musics
    
    <img width="50px" height="50px" align="right" th:src="@{/images/logo.png}">
    
    </h1>
    
    <nav>
      <a th:href="@{/sheet/shouye}">首页</a>
      <a th:href="@{/sheet/huayu}">歌单</a>
      <a th:href="@{/singer/huayu}">歌手</a>
      <a href="">我的音乐</a>
      
    </nav>
  </header>
  <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script th:src="@{js/jquery-2.1.1.min.js}"><\/script>')</script>
	<script>
	$(function () {
	    $(window).scroll(function () {
	        var winTop = $(window).scrollTop();
	        if (winTop >= 30) {
	            $('body').addClass('sticky-header');
	        } else {
	            $('body').removeClass('sticky-header');
	        }
	    });
	});
	</script>
</body>
</html>